<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>title</title>
	<link rel="stylesheet" type="text/css" href="../css/pay.css">
</head>
<body>
	<!-- 公用头部 s -->
	<div class="com_header">
		<!-- 线 s -->
		<div class="inc_line"></div>
		<!-- 线 e -->
		<div class="hear_main">
			<div class="logo fl">
				<img src="../img/logo.jpg">
			</div>
			<div class="nav fl">
				<a class="cur" href="">享乐目的地</a>
				<a href="">奢华游轮</a>
				<a href="">尊品酒店</a>
				<a href="">美国房车</a>
				<a href="">轻奢运动</a>
			</div>
			<div class="rt-bar fr">
				<div class="rtNav">
					<a href="">登录</a>|<a href="">注册</a>|<a href="">常见问题</a>
				</div>
				<div class="phoneNum fr">
					<p class="user">你好  XXX     <a href="">我的订单</a></p>
					<p class="back"><a href="">退出</a></p>
				</div>
			</div>
		</div>
	</div>
	<!-- 公用头部 e -->
	<!-- 支付页面 s -->
	<div class="pay-section">
		<div class="lc-crumb cf">
			<a href="javascript:void(0)">3. 完成支付</a>
			<a href="javascript:void(0)" class="cur">2. 确认&在线支付</a>
			<a href="javascript:void(0)" class="cur">1. 填写订单</a>
		</div>
		<div class="pay-main">
			<p class="com-text">名称：环球影城优先票：享受优先通道，免除长时间排队困扰（电子票）<br>请您在提交订单后24小时内完成支付，否则订单会自动取消。</p>
			<div class="table-con">
				<table>
					<tr>
						<td>所购产品</td>
						<td>所购套餐</td>
					</tr>
					<tr>
						<td>xxxxx</td>
						<td>dddddddd</td>
					</tr>
				</table>
			</div>
			<p class="com-text">如有支付问题，请联系客服电话：<span>13456689033</span><br>
				建议&吐槽：<span>service@ikutrip.com</span></p>
			<div class="more-main">
				<!-- 基本信息 s -->
				<h2 class="pay-title">基本信息</h2>
				<p class="com-text">名称：环球影城优先票：享受优先通道，免除长时间排队困扰（电子票）<br>
	时间：2016年3月27号</p>
				<div class="table-con">
					<table>
						<tr>
							<td>成员</td>
							<td>单价（每人）</td>
							<td>数量</td>
						</tr>
						<tr>
							<td>老人</td>
							<td>592元</td>
							<td>2</td>
						</tr>
						<tr>
							<td>成人</td>
							<td>592元</td>
							<td>2</td>
						</tr>

						<tr>
							<td>儿童</td>
							<td>592元</td>
							<td>2</td>
						</tr>
					</table>
				</div>
				<!-- 旅客信息 s -->
				<h2 class="pay-title">旅客信息</h2>
				<ul class="com-items">
					<li><span>称呼：</span>jane</li>
					<li><span>称呼：</span>jane</li>
					<li><span>称呼：</span>jane</li>
					<li><span>称呼：</span>jane</li>
					<li><span>称呼：</span>jane</li>
					<li><span>称呼：</span>jane</li>
				</ul>
				<!-- 出行确认函接收邮箱 s -->
				<h2 class="pay-title">出行确认函接收邮箱</h2>
				<ul class="com-items">
					<li>
						<span>E-mail地址：</span>baijingmsn@163.com
					</li>
				</ul>
				<!-- 联系人信息 s -->
				<h2 class="pay-title">联系人信息</h2>
				<ul class="com-items">
					<li><span>称呼：</span>jane</li>
				</ul>
			</div>
			<div class="more-con">
				<a href="javascript:void(0)">查看订单详情</a>
			</div>
		</div>
		<!-- 支付方式 s -->
		<div class="pay-way">
			<h2 class="pay-title">支付方式</h2>
			<div class="pay-tab-tit cf">
				<a href="javascript:void(0)" class="cur">支付宝支付</a>
				<a href="javascript:void(0)">微信支付</a>
				<a href="javascript:void(0)">国内银行卡支付</a>
				<a href="javascript:void(0)">国际信用卡支付</a>
				<a href="javascript:void(0)">第三方支付</a>
				<a href="javascript:void(0)">转账汇款</a>
			</div>
			<!-- 支付宝支付 s -->
			<div class="pay-tab-main" style="display: block;">
				<p class="com-text"><span>在线支付：</span>需要您在支付宝上注册或登录自己的账号</p>
				<p class="img"><img src="../img/alipay_icon.png"></p>
				<p class="com-text"><strong>支付宝支付常见问题：</strong><br >
					如果您的支付金额超过5,000元，推荐使用余额宝支付或快捷支付；<br>
					支付宝网银支付额度受各大银行的限额影响，<span>请参考具体标准</span></p>
				<p class="com-text"><span>扫码支付：</span>使用支付宝钱包扫码完成付款</p>
				<div class="ewm-con cf">
					<img src="../img/alipay-pic.png">
					<p class="com-text"><span>扫码支付：</span><br>
						使用支付宝钱包扫描二维码付款 [仅限本人使用]<br>
						通过支付宝钱包，如何扫一扫支付</p>
				</div>
			</div>
			<!-- 支付宝支付 e -->
			<!-- 国内银行卡支付 s -->
			<div class="pay-tab-main">
				<p class="com-text"><span>微信支付：请使用微信扫一扫，扫描二维码支付。</span>使用支付宝钱包扫码完成付款</p>
				<div class="ewm-con cf">
					<img src="../img/weixin-pic.png">
					<p class="com-text"><span>使用二维码支付：</span><br>
						您只要使用手机扫描左边静态二维码。<br>
						即可生成微信支付交易页面，完成交易流程。</p>
				</div>
			</div>
			<!-- 国内银行卡支付 e -->
			<!-- 国内银行卡支付 s -->
			<div class="pay-tab-main">
				<div class="wsyh-con cur">
					<div class="pay-select"><span class="icon"></span>网上银行</div>
					<ul class="items cf">
						<li class="cur">
							<img src="../img/gsyh_icon.png">
							<span class="text">支持：储蓄卡 信用卡</span>
						</li>
						<li>
							<img src="../img/gsyh_icon.png">
							<span class="text">支持：储蓄卡 信用卡</span>
						</li>
						<li>
							<img src="../img/gsyh_icon.png">
							<span class="text">支持：储蓄卡 信用卡</span>
						</li>
						<li>
							<img src="../img/gsyh_icon.png">
							<span class="text">支持：储蓄卡 信用卡</span>
						</li>
						<li>
							<img src="../img/gsyh_icon.png">
							<span class="text">支持：储蓄卡 信用卡</span>
						</li>
						<li>
							<img src="../img/gsyh_icon.png">
							<span class="text">支持：储蓄卡 信用卡</span>
						</li>
						<li>
							<img src="../img/gsyh_icon.png">
							<span class="text">支持：储蓄卡 信用卡</span>
						</li>
						<li>
							<img src="../img/gsyh_icon.png">
							<span class="text">支持：储蓄卡 信用卡</span>
						</li>
					</ul>
					<div class="btn-con">
						<a href="">跳转网银并支付</a>
					</div>
				</div>
				<div class="wsyh-con">
					<div class="pay-select"><span class="icon"></span>信用卡</div>
					<ul class="x-items">
						<li>
							<label>银行卡号：</label>
							<input class="srk" type="text">
						</li>
						<li>
							<label>有效期：</label>
							<select class＝"sel">
								<option>请选择月</option>
								<option>01</option>
							</select>
							<select class＝"sel">
								<option>请选择年</option>
								<option>2016</option>
							</select>
						</li>
						<li>
							<label>卡号验证：</label>
							<input class="srk1" type="text">
							<span>卡背面三位数</span>
						</li>
						<li>
							<label>姓名：</label>
							<input class="srk1" type="text">
							<input class="srk2" type="text">
						</li>
						<li>
							<label>证件：</label>
							<select class＝“sel>
								<option>请选择</option>
								<option>身份证</option>
							</select>
							<input class="srk2" type="text">
						</li>
						<li>
							<label>银行预留手机号：</label>
							<input class="srk" type="text">
						</li>
					</ul>
					<div class="xy-sel cur"><span class="icon"></span>《一酷尊享支付服务协议》</div>
					<div class="btn-con">
						<a href="">同意开通并支付</a>
					</div>
				</div>
			</div>
			<!-- 国内银行卡支付 e -->
			<!-- 国际信用卡支付 s -->
			<div class="pay-tab-main">
				<p class="com-text">开户地在开户地在国外的信用卡，建议使用Paypat支付会收取4%的服务费。</p>
				<div class="ewm-con cf">
					<img src="../img/paypal_icon.png">
				</div>
			</div>
			<!-- 国际信用卡支付 e -->
			<!-- 第三方支付 s -->
			<div class="pay-tab-main">
				<p class="com-text"><span>！第三方支付可能需要第三方支付平台登陆或注册。</span></p>
				<div class="ewm-con cf">
					<img src="../img/dsfpay_icon.png">
				</div>
			</div>
			<!-- 第三方支付 e -->
			<!-- 转账汇款 s -->
			<div class="pay-tab-main">
				<p class="com-text"><span>账汇款：</span>国内顾客可以通过全国任何一家银行，向海玩网在中国银行开设的指定账户汇款。</p>
				<div class="zzhk-con cf">
					<h3>1. 账号信息</h3>
					<ul class="items">
						<li>
							<span>收款人：</span><input type="text" class="srk">
						</li>
						<li>
							<span>收款账号：</span><input type="text" class="srk">
						</li>
						<li>
							<span>开户行：</span><input type="text" class="srk">
						</li>
					</ul>
					<p class="com-text">备注用途：（单号：IK160218212300X）</p>
					<h3>2. 注意事项</h3>
					<p class="com-text">★  收款信息必须准确填写。<br>
						★☛请选用快速或者实时到账，以便完成订购。<br>
						★    如付款后24小时订单状态未确认，可及时联系电话：XXXX<br>
						★    转账汇款时，务必填写用户为你的购买订单号，方便我方核实后完成交易。</p>
					<h3>3. 到账时间</h3>
					<p class="com-text">同行转账一般实时到账，最晚不超过2个工作日。<br>
						跨行转账一般1到2个工作日，最晚不超过5个工作日。</p>
					<h3>4. 汇款确认</h3>
					<p class="com-text">我们会在收到款项后，第一时间帮你操作订单。</p>
				</div>
				<div class="next-btn">
					<a href="">跳转网银并支付</a>
				</div>
			</div>
			<!-- 转账汇款 e -->
		</div>
	</div>
	<!-- 支付页面 e -->
	<!-- footer s -->
	<div class="footer-bar">
		<div class="footer cf">
			<div class="b-ewm"><img src="../img/ewm.png"></div>
			<div class="b-logo">
				<img src="../img/b_logo.jpg">
				<p class="text">一酷尊享旅游是碎片化度假的专家。我们推崇与众不同、奢华体验的度假方
式。我们从全球范围精选了顶级度假目的地：岛屿、乡野别墅、沙漠露营等。
每一处都能满足您对精致住宿体验的所有幻想！在这里旅行者总能找到全球
各地最令人惊叹的奢华别墅。而我们也可以根据旅行者的要求提供最为专业
的一站式服务。</p>
			</div>
			<div class="ftNav-list fl">
				<ul>
					<li><span></span><a href="">关于我们</a></li>
					<li><span></span><a href="">加入行享</a></li>
					<li><span></span><a href="">网站条款</a></li>
					<li><span></span><a href="">友情链接</a></li>
				</ul>
			</div>
			<div class="serves">
				<p>联系方式</p>
				<p>400 960 0080</p>
				<p>iku@ikutrip.com</p>
				<p>上海市浦东新区浦东软件园</p>
			</div>
		</div>
		<!-- 线 s -->
		<div class="inc_line"></div>
		<!-- 线 e -->
		<div class="copyright">
			<p>Copyright © 2013-2016, ikutrip.com.All Rights Reserved.</p>
			<p>上海一酷科技有限公司. | 京ICP证 20140918号 | 京ICP备14002764号-1 | 旅行社业务经营许可证 L-BJ-CJ00104</p>

		</div>
	</div>
	<!-- footer e -->
	<section id="side-layer">
		<ul class="items">
			<li>
				<a href="javascript:void(0)"><img src="../img/fuwu_icon.png"></a>
			</li>
			<li>
				<a href="javascript:void(0)"><img src="../img/phone_icon.png"></a>
			</li>
			<li>
				<a href="javascript:void(0)"><img src="../img/go_top_icon.png"></a>
			</li>
		</ul>
	</section>

<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="../js/layer.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript" src="../js/index.js"></script>
<script type="text/javascript">
	window.comHost = 'http://www.ikutrip.com';
	var orderPayFun = new expelocal.orderPay();
	orderPayFun.init();
</script>
</body>
</html>
